<!doctype html>
<html>
<head>
<meta charset="utf-8">
	    <link rel="stylesheet"  href="css/miku.css">
<title>月蚀萌主的个人简历</title>
	<style>
		img{width:100%;}
		body{background:url(img/background.jpg);background-repeat:repeat;}
	
		.leftbox{width:30%;height:600px;background:white;margin-left: 1%;margin-top: 1%;float: left;border: 2px solid white;border-radius:1%;}
		.rightbox{width:65%;height:700px;background:white;margin-left: 2.5%;margin-top: 1%;float:left;border: 2px solid white;border-radius:0.5%;}
		
		.hand{width:40%;margin: 0 auto;padding-top: 5%;}
			
		.fontleft{font-size: 1rem;font-weight: 700;margin:0 auto;margin-top: 5%;width:15%;}   
		.fontleft2{font-size: 1rem;font-weight: 700;margin:0 auto;margin-top: 5%;width:29%;}   
		
		@media screen and (max-width:1130px){
				.fontleft{font-size: 14px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 15%;}  
			.fontleft2{font-size: 14px;font-weight: 700;margin:0 auto;margin-top: 5%;width:35%;}  
			
				@media screen and (max-width:960px){
				.fontleft{font-size: 13px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 20%;}  
						.fontleft2{font-size: 13px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 40%;} 
					
					@media screen and (max-width:690px){
				.fontleft{font-size: 12px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 25%;} 
							.fontleft2{font-size: 12px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 45%;} 
						
						
						@media screen and (max-width:570px){
						.leftbox{width:93%;height:600px;background:white;margin-left: 3%;margin-top: 1%;float: left;border: 2px solid white;border-radius:1%;}
							
						.fontleft{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 15%;} 
							.fontleft2{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 25%;} 
							
						.rightbox{width:93%;height:700px;background:white;margin-left: 2.5%;margin-top: 2%;float:left;border: 2px solid white;border-radius:0.5%;}
							
							@media screen and (max-width:420px){
								.fontleft{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 20%;} 
	.fontleft2{font-size: 16px;font-weight: 700;margin:0 auto;margin-top: 5%;width: 38%;} 
	
			
		}
		
	
	</style>
</head>

	
<body>
	<div class="leftbox">
 <div class="hand"><img src="img/hand.png" alt="hand"></div>
	<div class="fontleft">陈健俊</div>
		<div  class="fontleft2">中大南方学生</div>
		
		
		
	</div>
	
	
	
	
	
	<div class="rightbox"></div>
	
</body>
</html>
